
// import React from "react"
// //state：改变组件的状态
// export default class StateComponent extends React.Component{
//     constructor(props){
//         super(props);
//         //定义state
//         this.state = {
//             count:10
//         }
//     }
//     //改变组件的状态
//     incremant(){
//         this.setState({
//             count:this.state.count+1
//         })
//     }
//     decremant(){
//         this.setState({
//             count:this.state.count-1
//         })
//     }
//     clickHandler=()=>{
//         console.log(this)
//     }
//     render(){
//         return(
//             <div>
//                 <h3>组件的state</h3>
//                 <p>{this.state.count}</p>
//                 <button onClick={this.incremant.bind(this)}>增加</button>
//                 <button onClick={this.decremant.bind(this)}>减少</button>
//                 <button onClick={this.clickHandler}>关于this</button>
//             </div>
//         )
//     }

// }